/* You can override the default Infima variables here. */
/* PRIMITIVES */
.details_node_modules-\@docusaurus-theme-classic-lib-theme-Details-styles-module {
  --docusaurus-details-decoration-color: transparent !important;
}

:root {
  --code-with-result: var(--gray-800);
  --code-with-result-border: var(--code-with-result);
  --surface-brand-default: #16a394;
  --docsearch-searchbox-background: var(--ifm-color-secondary);
  --table-of-contents-link: rgb(113, 128, 150);
  --docsearch-modal-width: 1248px;
  --ifm-color-primary-dark: #29784c;
  --ifm-color-primary-darker: #277148;
  --ifm-color-primary-darkest: #205d3b;
  --ifm-color-primary-light: #33925d;
  --ifm-color-primary-lighter: #359962;
  --ifm-color-primary-lightest: #3cad6e;
  --ifm-code-font-size: 14px;
  --ifm-code-background: #edf2f7;
  --ifm-code-padding-horizontal: 0.3rem;
  --ifm-font-family-monospace: "JetBrainsMono";
  --ifm-menu-link-sublist-icon: url("/icons/triangle-right.svg");
  --ifm-breadcrumb-separator: url("/icons/breadcrumb.svg");
  --navbar-teal-color: rgb(24, 115, 103);
  --navbar-tab-bg: rgb(237, 242, 247);
  --homepage-hero-gradient: linear-gradient(180deg, #f7fafc 0%, rgba(247, 250, 252, 0) 100%);
  --navbar-indigo-color: rgb(76, 81, 191);
  --ifm-navbar-height: 80px;
  --ifm-color-content: #2d3748;
  --ifm-breadcrumb-spacing: 4px;
  --ifm-navbar-link-color: rgb(45, 55, 72);
  --ifm-footer-background-color: rgb(26, 32, 44);
  --ifm-navbar-link-hover-color: var(--primary-font-color);
  --ifm-link-hover-decoration: none;
  --ifm-hover-overlay: var(--teal-700);
  --ifm-color-primary: var(--teal-600);
  --ifm-color-primary-hover: var(--teal-800);
  --ifm-heading-color: var(--ifm-color-content);
  --ifm-menu-color-background-active: var(--main-bgd-color);
  --ifm-navbar-sidebar-width: 384px;
  --ifm-spacing-horizontal: 8px;
  --ifm-pagination-nav-color-hover: #718096;
  --ifm-card-background-color: white;
  --ifm-link-hover-color: #2e5297;
  --code-bg: var(--gray-200);
  --docusaurus-added-code-line-bg: rgba(71, 187, 120, 0.1);
  --docusaurus-deleted-code-line-bg: rgba(229, 62, 62, 0.1);
  --docusaurus-edited-code-line-bg: rgba(10, 104, 255, 0.2);
  --docusaurus-highlighted-code-line-bg-dark: rgba(113, 232, 223, 0.1);
  --docusaurus-highlighted-code-line-bg-light: rgba(113, 232, 223, 0.2);
  --ifm-blockquote-border-color: transparent;
  --ifm-toc-padding-horizontal: 1rem;
  --docusaurus-details-decoration-color: transparent;
  --ifm-table-stripe-background: transparent;

  --ifm-btn-border-color-active: #718096;
  --ifm-btn-border-color: #e2e8f0;

  --ifm-tabs-color-active: #fff;
  --ifm-tabs-bg-color: #e2e8f0;
  --ifm-tabs-bg-color-active: #718096;
  --ifm-tabs-color: #718096;
  --main-font-color: #2d3748;
  --surface-brand-grey: #f7fafc;
  --surface-brand-grey-strong: #edf2f7;
  --surface-brand-light: #d9f9f6;
  --surface-brand-light-indigo: #EBF4FF;
  --surface-brand-darkest: #154F47;
  --surface-brand-darkest-indigo: #434190;
  --primary-font-color: var(--gray-800);
  --surface-primary: #ffffff;
  --disabled-font-color: #CBD5E0;
  --navbar-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  --navbar-gradient: linear-gradient(180deg, #fff, transparent);
  --navbar-items-bg: #ffffffcc;
  --surface-secondary: #2d3748;
  --secondary-font-color: #4a5568;
  --tertiary-font-color: #718096;
  --ifm-dropdown-background-color: #fff;
  --ifm-dropdown-hover-background-color: transparent;
  --icon-svg-color: #5a67d8;
  --icon-wrapper-bg: rgb(235, 244, 255);
  --teal-link-color: #16a394;
  --indigo-link-color: #5a67d8;
  --teal-card-bg: linear-gradient(102deg, #fff 6.22%, #e8fffd 87.23%);
  --indigo-card-bg: linear-gradient(102deg, #fff 6.22%, #f4f5ff 87.23%);
  --card-bg: #fff;
  --orm-card-bg: #fff;
  --grid-border-color: #cbd5e0;
  --community-bgd-color: var(--gray-100);
  --shadow-card-bg: #fff;
  --badge-bg-color: rgb(237, 242, 247);
  --badge-color: #4a5568;

  --main-bgd-color: #f7fafc;
  --header-bg-color: #ffffff;
  --selection-bgd-color: #0c344b;
  --white-color: #ffffff;
  --ifm-link-color: #2d3748;
  --ifm-menu-color-active: #3182ce;
  --border-color: #e2e8f0;
  --code-bgd-color: #f6f8fa;
  --code-inline-bgd-color: #edf2f7;
  --list-bullet-color: #a0aec0;
  --search-highlight-bg-color: #ebf8ff;
  --tag-media-color: #2d3748;
  --gradient1-color: #2f3747;
  --gradient2-color: #0d0f14;
  --header-btn-color: #4a5568;
  --ifm-footer-background-color: rgb(26, 32, 44);
  --footer-bottom-height: 75px;
  --brand-primary: rgb(90, 103, 216);
  /* Code blocks */
  --code-inner-color: #a0aec0;
  --code-token1-color: #d5408c;
  --code-token2-color: #805ad5;
  --code-token3-color: #319795;
  --code-token4-color: #dd6b21;
  --code-token5-color: #690;
  --code-token6-color: #9a6e3a;
  --code-token7-color: #e90;
  --code-linenum-color: #cbd5e0;
  --code-added-color: #47bb78;
  --code-added-bg-color: #d9f4e6;
  --code-deleted-color: #e53e3e;
  --code-deleted-bg-color: #f5e4e7;
  --code-highlight-color: #a0aec0;
  --code-highlight-bg-color: #e2e8f0;
  --code-edit-bg-color: #c3dafe;
  --code-result-bg-color: #e7edf3;
  /* Buttons */
  --red-color: #ff4f56;
  --green-color: #15bd76;
  --grey-color: #3d556b;
  --grey-bg-color: #8fa6b2;
  --dark-color: rgb(12, 52, 75);

  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: normal;
  word-wrap: break-word;
  color: var(--main-font-color);
  background-color: var(--white-color);

  --homepage-header-bg: #fff;
  --menu-link-code: #4a5568;
  /* Colors */
  --indigo-100: #ebf4ff;
  --indigo-200: #c3dafe;
  --indigo-300: #a3bffa;
  --indigo-400: #7f9cf5;
  --indigo-500: #667eea;
  --indigo-600: #5a67d8;
  --indigo-700: #4c51bf;
  --indigo-700: #434190;

  --gray-100: #f7fafc;
  --gray-200: #edf2f7;
  --gray-300: #e2e8f0;
  --gray-400: #cbd5e0;
  --gray-500: #a0aec0;
  --gray-600: #718096;
  --gray-700: #4a5568;
  --gray-800: #2d3748;
  --gray-900: #1a202c;
  --gray-1000: #090a15;

  --teal-100: #d9f9f6;
  --teal-200: #b7f4ee;
  --teal-300: #92efe6;
  --teal-400: #71e8df;
  --teal-500: #04c8bb;
  --teal-600: #16a394;
  --teal-700: #187367;
  --teal-800: #154f47;
  --teal-900: #154f47;
  
  --yellow-100: #FFFFF0;
  --yellow-200: #FEFCBF;
  --yellow-300: #FAF089;
  --yellow-400: #F6E05E;
  --yellow-500: #ECC94B;
  --yellow-600: #D69E2E;
  --yellow-700: #B7791F;
  --yellow-800: #975A16;
  --yellow-900: #744210;

  /* Side Navbar */
  --selected:  var(--teal-600);
  --selected-hover:  var(--teal-800);
  --normal-hover:  var(--teal-800);

  @media (max-width: 996px) {
    --ifm-menu-link-sublist-icon: url("/icons/chevron-up-solid.svg");
    --ifm-navbar-padding-horizontal: 0;
  }
}

:root[data-theme="light"] {
  --docusaurus-added-code-line-bg: rgba(71, 187, 120, 0.1);
  --docusaurus-deleted-code-line-bg: rgba(229, 62, 62, 0.1);
  --docusaurus-edited-code-line-bg: rgba(10, 104, 255, 0.2);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
/* PRIMITES WITH THEME DEFINED BY TOGGLER */
html[data-theme="dark"] {
  --surface-brand-default: #16a394;
  --code-with-result: var(--gray-1000);
  --code-with-result-border: var(--code-bgd-color);
  --docsearch-searchbox-background: var(--gray-900) !important;
  --table-of-contents-link: #a0aec0;
  --ifm-blockquote-border-color: transparent;
  --ifm-color-primary: var(--teal-600);
  --ifm-color-primary-dark: #21af90;
  --ifm-color-primary-darker: #1fa588;
  --ifm-color-primary-darkest: #1a8870;
  --ifm-color-primary-light: #29d5b0;
  --ifm-color-primary-lighter: #32d8b4;
  --ifm-color-primary-lightest: #4fddbf;
  --navbar-teal-color: rgb(113, 232, 223);
  --navbar-tab-bg: rgb(45, 55, 72);
  --homepage-hero-gradient: linear-gradient(180deg, #161d2b 0%, rgba(22, 29, 43, 0) 100%);
  --navbar-indigo-color: rgb(127, 156, 245);
  --ifm-color-content: rgb(247, 250, 252);
  --ifm-navbar-link-color: #e2e8f0;
  --ifm-footer-background-color: rgb(26, 32, 44);
  --ifm-hover-overlay: var(--teal-700);
  /* Generic */
  --ifm-btn-border-color-active: #718096;
  --ifm-btn-border-color: #2d3748;
  --ifm-tabs-color: #a0aec0;
  --ifm-tabs-bg-color: #1a202c;
  --ifm-tabs-bg-color-active: #2d3748;
  --main-font-color: #e2e8f0;
  --primary-font-color: rgb(247, 250, 252);
  --disabled-font-color: #4A5568;
  --surface-primary: var(--gray-1000);
  --navbar-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5);
  --navbar-gradient: linear-gradient(180deg, #090a15, rgba(9, 10, 21, 0));
  --navbar-items-bg: #090a15cc;
  --surface-secondary: #e2e8f0;
  --surface-primary: #090a15;
  --surface-brand-grey: #161d2b;
  --surface-brand-grey-strong: #2d3748;
  --surface-brand-light: #0d3a38;
  --surface-brand-light-indigo: #282B6B;
  --surface-brand-darkest: #B7F4EE;
  --surface-brand-darkest-indigo: #C3DAFE;
  --secondary-font-color: rgb(203, 213, 224);
  --tertiary-font-color: #a0aec0;
  --ifm-dropdown-background-color: var(--gray-1000);
  --ifm-dropdown-hover-background-color: transparent;
  --icon-wrapper-bg: rgb(90, 103, 216);
  --icon-svg-color: #f7fafc;
  --teal-link-color: #71e8df;
  --indigo-link-color: #7f9cf5;
  --teal-card-bg: linear-gradient(128deg, #090a15 31.75%, #0d3a38 112.39%);
  --indigo-card-bg: linear-gradient(128deg, #090a15 31.75%, #181a48 112.39%);
  --card-bg: #1a202c;
  --orm-card-bg: var(--gray-900);
  --grid-border-color: var(--gray-700);
  --community-bgd-color: var(--gray-900);
  --shadow-card-bg: var(--gray-1000);
  --badge-color: rgb(247, 250, 252);
  --badge-bg-color: rgb(45, 55, 72);
  --ifm-card-background-color: var(--gray-900);
  --ifm-link-hover-color: #5196d7;
  --ifm-table-stripe-background: transparent;

  --main-bgd-color: #1a202c;
  --border-color: #2d3748;
  --header-bg-color: #1a202c;
  --selection-bgd-color: #0c344b;
  --white-color: #ffffff;
  --ifm-link-color: #ffffff;
  --code-bgd-color: #1a202c;
  --code-inline-bgd-color: #2d3748;
  --list-bullet-color: #a0aec0;
  --search-highlight-bg-color: #ebf8ff;
  --tag-media-color: #2d3748;
  --gradient1-color: #2f3747;
  --gradient2-color: #0d0f14;
  --header-btn-color: #4a5568;
  --navbar-teal-color: rgb(113, 232, 223);
  --navbar-tab-bg: rgb(45, 55, 72);
  --homepage-hero-gradient: linear-gradient(180deg, #161d2b 0%, rgba(22, 29, 43, 0) 100%);
  --navbar-indigo-color: rgb(127, 156, 245);
  --ifm-color-content: rgb(247, 250, 252);
  --ifm-navbar-background-color: var(--gray-1000);
  --ifm-navbar-link-color: #e2e8f0;
  /* Code blocks */
  --code-inner-color: #4a5568;
  --code-token1-color: #d5408c;
  --code-token2-color: #805ad5;
  --code-token3-color: #319795;
  --code-token4-color: #dd6b21;
  --code-token5-color: #690;
  --code-token6-color: #9a6e3a;
  --code-token7-color: #e90;
  --code-linenum-color: #cbd5e0;
  --code-added-color: #47bb78;
  --code-added-bg-color: #d9f4e6;
  --code-deleted-color: #e53e3e;
  --code-deleted-bg-color: #f5e4e7;
  --code-highlight-color: #a0aec0;
  --code-highlight-bg-color: #4a5568;
  --code-edit-bg-color: #c3dafe;
  --code-result-bg-color: #e7edf3;
  /* Buttons */
  --red-color: #ff4f56;
  --green-color: #15bd76;
  --grey-color: #3d556b;
  --grey-bg-color: #8fa6b2;
  --dark-color: rgb(12, 52, 75);
  --homepage-header-bg: var(--gray-1000);
  --menu-link-code: #e2e8f0;

    /* Side Navbar */
    --selected:  var(--teal-400);
    --selected-hover:  var(--teal-200);
    --normal-hover:  var(--teal-200);
}

/* PRIMITES WITH THEME DEFINED */
@media (prefers-color-scheme: dark) {
  /* Theme: Dark OS + Light docs = Light docs */
  :root[data-theme="light"] {
    --code-with-result: var(--gray-800);
    --code-with-result-border: var(--code-with-result);
    --surface-brand-default: #16a394;
    --docsearch-searchbox-background: var(--ifm-color-secondary);
    --table-of-contents-link: rgb(113, 128, 150);
    --ifm-background-color: #fff;
    --ifm-color-primary-dark: #29784c;
    --ifm-color-primary-darker: #277148;
    --main-font-color: #2d3748;
    --surface-brand-grey: #f7fafc;
    --surface-brand-grey-strong: #edf2f7;
    --surface-brand-light: #d9f9f6;
    --surface-brand-light-indigo: #EBF4FF;
    --surface-brand-darkest: #154F47;
    --surface-brand-darkest-indigo: #434190;
    --ifm-color-primary-darkest: #205d3b;
    --ifm-color-primary-light: #33925d;
    --ifm-color-primary-lighter: #359962;
    --ifm-color-primary-lightest: #3cad6e;
    --ifm-code-font-size: 14px;
    --ifm-breadcrumb-separator: url("/icons/breadcrumb.svg");
    --navbar-teal-color: rgb(24, 115, 103);
    --navbar-tab-bg: rgb(237, 242, 247);
    --homepage-hero-gradient: linear-gradient(180deg, #f7fafc 0%, rgba(247, 250, 252, 0) 100%);
    --navbar-indigo-color: rgb(76, 81, 191);
    --ifm-navbar-height: 80px;
    --ifm-color-content: #2d3748;
    --ifm-breadcrumb-spacing: 4px;
    --ifm-navbar-link-color: rgb(45, 55, 72);
    --ifm-footer-background-color: rgb(26, 32, 44);
    --ifm-navbar-link-hover-color: var(--navbar-teal-color);
    --ifm-link-hover-decoration: none;
    --ifm-color-primary: var(--teal-600);
    --ifm-heading-color: var(--ifm-color-content);
    --ifm-navbar-background-color: #fff;
    --docsearch-key-shadow:
      inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(30, 35, 90, 0.4);
    --code-bg: var(--gray-200);
    --ifm-tabs-color: #718096;
    --ifm-tabs-bg-color: #e2e8f0;
    --ifm-tabs-bg-color-active: #718096;
    --ifm-btn-border-color-active: #718096;
    --ifm-btn-border-color: #e2e8f0;

    --ifm-card-background-color: white;
    --main-font-color: #2d3748;
    --surface-brand-grey: #f7fafc;
    --surface-brand-grey-strong: #edf2f7;
    --surface-brand-light: #d9f9f6;
    --surface-brand-light-indigo: #EBF4FF;
    --surface-brand-darkest: #154F47;
    --surface-brand-darkest-indigo: #434190;
    --secondary-font-color: #4a5568;
    --tertiary-font-color: #718096;
    --ifm-dropdown-background-color: #fff;
    --ifm-dropdown-hover-background-color: transparent;
    --primary-font-color: var(--gray-800);
    --navbar-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    --navbar-gradient: linear-gradient(180deg, #fff, transparent);
    --navbar-items-bg: #ffffffcc;
    --surface-secondary: #2d3748;
    --surface-primary: #ffffff;
    --disabled-font-color: #CBD5E0;
    --icon-wrapper-bg: rgb(5, 7, 10);
    --icon-svg-color: #5a67d8;
    --teal-link-color: #16a394;
    --indigo-link-color: #5a67d8;
    --teal-card-bg: linear-gradient(102deg, #fff 6.22%, #e8fffd 87.23%);
    --indigo-card-bg: linear-gradient(102deg, #fff 6.22%, #f4f5ff 87.23%);
    --card-bg: #fff;
    --orm-card-bg: #fff;
    --grid-border-color: #cbd5e0;
    --community-bgd-color: var(--gray-100);
    --shadow-card-bg: #fff;
    --badge-bg-color: rgb(237, 242, 247);
    --badge-color: #4a5568;

    --main-bgd-color: #f7fafc;
    --header-bg-color: #ffffff;
    --selection-bgd-color: #0c344b;
    --white-color: #ffffff;
    --ifm-link-color: #2d3748;
    --ifm-menu-color-active: #3182ce;
    --border-color: #e2e8f0;
    --code-bgd-color: #f6f8fa;
    --code-inline-bgd-color: #edf2f7;
    --list-bullet-color: #a0aec0;
    --search-highlight-bg-color: #ebf8ff;
    --tag-media-color: #2d3748;
    --gradient1-color: #2f3747;
    --gradient2-color: #0d0f14;
    --header-btn-color: #4a5568;
    --ifm-footer-background-color: rgb(26, 32, 44);
    --footer-bottom-height: 75px;
    --ifm-link-hover-color: #2e5297;
    --brand-primary: rgb(90, 103, 216);
    --ifm-hover-overlay: var(--teal-700);
    /* Code blocks */
    --code-inner-color: #a0aec0;
    --code-token1-color: #d5408c;
    --code-token2-color: #805ad5;
    --code-token3-color: #319795;
    --code-token4-color: #dd6b21;
    --code-token5-color: #690;
    --code-token6-color: #9a6e3a;
    --code-token7-color: #e90;
    --code-linenum-color: #cbd5e0;
    --code-added-color: #47bb78;
    --code-added-bg-color: #d9f4e6;
    --code-deleted-color: #e53e3e;
    --code-deleted-bg-color: #f5e4e7;
    --code-highlight-color: #a0aec0;
    --code-highlight-bg-color: #e2e8f0;
    --code-edit-bg-color: #c3dafe;
    --code-result-bg-color: #e7edf3;
    --ifm-color-primary-hover: var(--teal-800);
    /* Buttons */
    --red-color: #ff4f56;
    --green-color: #15bd76;
    --grey-color: #3d556b;
    --grey-bg-color: #8fa6b2;
    --dark-color: rgb(12, 52, 75);

    margin: 0;
    font-family: "Inter", sans-serif;
    font-weight: normal;
    word-wrap: break-word;
    color: var(--main-font-color);
    background-color: var(--white-color);
    --homepage-header-bg: #fff;
    --menu-link-code: #4a5568;
    /* Colors */
    --indigo-100: #ebf4ff;
    --indigo-200: #c3dafe;
    --indigo-300: #a3bffa;
    --indigo-400: #7f9cf5;
    --indigo-500: #667eea;
    --indigo-600: #5a67d8;
    --indigo-700: #4c51bf;
    --indigo-700: #434190;

    --gray-100: #f7fafc;
    --gray-200: #edf2f7;
    --gray-300: #e2e8f0;
    --gray-400: #cbd5e0;
    --gray-500: #a0aec0;
    --gray-600: #718096;
    --gray-700: #4a5568;
    --gray-800: #2d3748;
    --gray-900: #1a202c;
    --gray-1000: #090a15;

    --teal-100: #d9f9f6;
    --teal-200: #b7f4ee;
    --teal-300: #92efe6;
    --teal-400: #71e8df;
    --teal-500: #04c8bb;
    --teal-600: #16a394;
    --teal-700: #187367;
    --teal-800: #154f47;
    --teal-900: #154f47;

    --yellow-100: #FFFFF0;
    --yellow-200: #FEFCBF;
    --yellow-300: #FAF089;
    --yellow-400: #F6E05E;
    --yellow-500: #ECC94B;
    --yellow-600: #D69E2E;
    --yellow-700: #B7791F;
    --yellow-800: #975A16;
    --yellow-900: #744210;

    /* Side Navbar */
    --selected:  var(--teal-600);
    --selected-hover:  var(--teal-800);
    --normal-hover:  var(--teal-800);
  }

  :root[data-theme="dark"] {
    --code-with-result: var(--gray-1000);
    --code-with-result-border: var(--code-bgd-color);
    --surface-brand-default: #16a394;
    --docsearch-searchbox-background: var(--gray-900) !important;
    --table-of-contents-link: #a0aec0;
    --ifm-color-primary: var(--teal-600);
    --ifm-color-primary-dark: #21af90;
    --ifm-color-primary-darker: #1fa588;
    --ifm-color-primary-darkest: #1a8870;
    --ifm-color-primary-light: #29d5b0;
    --ifm-color-primary-lighter: #32d8b4;
    --ifm-color-primary-lightest: #4fddbf;
    --navbar-teal-color: rgb(113, 232, 223);
    --navbar-tab-bg: rgb(45, 55, 72);
    --homepage-hero-gradient: linear-gradient(180deg, #161d2b 0%, rgba(22, 29, 43, 0) 100%);
    --navbar-indigo-color: rgb(127, 156, 245);
    --ifm-color-content: rgb(247, 250, 252);
    --ifm-navbar-link-color: #e2e8f0;
    --ifm-footer-background-color: rgb(26, 32, 44);
    --ifm-hover-overlay: var(--teal-700);
    /* Generic */

    --ifm-btn-border-color-active: #718096;
    --ifm-btn-border-color: #2d3748;
    --ifm-tabs-color: #a0aec0;
    --ifm-tabs-bg-color: #1a202c;
    --ifm-tabs-bg-color-active: #2d3748;
    --main-font-color: #e2e8f0;
    --primary-font-color: rgb(247, 250, 252);
    --disabled-font-color: #4A5568;
    --surface-primary: var(--gray-1000);
    --navbar-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5);
    --navbar-gradient: linear-gradient(180deg, #090a15, rgba(9, 10, 21, 0));
    --navbar-items-bg: #090a15cc;
    --surface-secondary: #e2e8f0;
    --ifm-code-background: #1a202c;
    --surface-brand-grey: #161d2b;
    --surface-brand-grey-strong: #2d3748;
    --surface-brand-light: #0d3a38;
    --surface-brand-light-indigo: #282B6B;
    --surface-brand-darkest: #B7F4EE;
    --surface-brand-darkest-indigo: #C3DAFE;
    --secondary-font-color: rgb(203, 213, 224);
    --tertiary-font-color: #a0aec0;
    --ifm-dropdown-background-color: var(--gray-1000);
    --ifm-dropdown-hover-background-color: transparent;
    --icon-wrapper-bg: rgb(90, 103, 216);
    --icon-svg-color: #f7fafc;
    --teal-link-color: #71e8df;
    --indigo-link-color: #7f9cf5;
    --teal-card-bg: linear-gradient(128deg, #090a15 31.75%, #0d3a38 112.39%);
    --indigo-card-bg: linear-gradient(128deg, #090a15 31.75%, #181a48 112.39%);
    --card-bg: #1a202c;
    --orm-card-bg: var(--gray-900);
    --grid-border-color: var(--gray-700);
    --community-bgd-color: var(--gray-900);
    --shadow-card-bg: var(--gray-1000);
    --badge-color: rgb(247, 250, 252);
    --badge-bg-color: rgb(45, 55, 72);

    --ifm-card-background-color: var(--gray-900);
    --main-bgd-color: #1a202c;
    --border-color: #2d3748;
    --header-bg-color: #1a202c;
    --selection-bgd-color: #0c344b;
    --white-color: #ffffff;
    --ifm-link-color: #ffffff;
    --ifm-menu-color-active: #43baec;
    --ifm-link-hover-color: #5196d7;
    --code-bgd-color: #1a202c;
    --code-inline-bgd-color: #2d3748;
    --list-bullet-color: #a0aec0;
    --search-highlight-bg-color: #ebf8ff;
    --tag-media-color: #2d3748;
    --gradient1-color: #2f3747;
    --gradient2-color: #0d0f14;
    --header-btn-color: #4a5568;
    --navbar-teal-color: rgb(113, 232, 223);
    --navbar-tab-bg: rgb(45, 55, 72);
    --homepage-hero-gradient: linear-gradient(180deg, #161d2b 0%, rgba(22, 29, 43, 0) 100%);
    --navbar-indigo-color: rgb(127, 156, 245);
    --ifm-color-content: rgb(247, 250, 252);
    --ifm-navbar-background-color: var(--gray-1000);
    --ifm-navbar-link-color: #e2e8f0;
    /* Code blocks */
    --code-inner-color: #4a5568;
    --code-token1-color: #d5408c;
    --code-token2-color: #805ad5;
    --code-token3-color: #319795;
    --code-token4-color: #dd6b21;
    --code-token5-color: #690;
    --code-token6-color: #9a6e3a;
    --code-token7-color: #e90;
    --code-linenum-color: #cbd5e0;
    --code-added-color: #47bb78;
    --code-added-bg-color: #d9f4e6;
    --code-deleted-color: #e53e3e;
    --code-deleted-bg-color: #f5e4e7;
    --code-highlight-color: #a0aec0;
    --code-highlight-bg-color: #4a5568;
    --code-edit-bg-color: #c3dafe;
    --code-result-bg-color: #e7edf3;
    /* Buttons */
    --red-color: #ff4f56;
    --green-color: #15bd76;
    --grey-color: #3d556b;
    --grey-bg-color: #8fa6b2;
    --dark-color: rgb(12, 52, 75);

    --homepage-header-bg: var(--gray-1000);
    --menu-link-code: #e2e8f0;

    /* Side Navbar */
    --selected:  var(--teal-400);
    --selected-hover:  var(--teal-200);
    --normal-hover:  var(--teal-200);
  }
}

html[data-theme="dark"] {
  --ifm-background-color: var(--gray-1000);
  --main-bgd-color: #1a202c;
  --border-color: #2d3748;
  --white-color: white;
}